<template>
	<!-- <web-view src="https://mp.weixin.qq.com/s/OckuIXtJ-yIklt7BQNonsg"></web-view> -->
	<view class="main">
		<!-- 轮播图  -->
		<view class="rotograph">
			<swiper circular="true" indicator-dots="true" autoplay="true" interval="3500" duration="600" >
				<!-- v-for循环遍历数组 -->
				<swiper-item v-for="item in swipers" v-bind:key="item.id">
					<image :src="item"></image>
				</swiper-item>
				</swiper>
		</view>
		<view class="mcname">扬帆起航，再创辉煌</view>
		<view class='function'>
			<view style="width:100%">
				<view class="functioninformation" @click="companyProfile">
					<!--左边图片&文字-->
					<view class="left-icon">
						<!--图片-->
						<image class="icon-picture" src="/static/smac.jpg"></image>
					</view>
					<view class="text" >公司概况</view>
					<!--文字-->
					<view class="right-icon">
						<!--图片-->
						<image class="icon-picture" src="/static/right.png"></image>
					</view>
				</view>
			</view>
		</view>
		<view class="whitedivide"></view>
		<view class='function'>
			<view style="width:100%">
				<view class="functioninformation" @click="companyFoundation">
					
					<view class="left-icon">
						
						<image class="icon-picture" src="/static/company.png"></image>
					</view>
					<view class="text" >公司奠基</view>
					
					<view class="right-icon">
						
						<image class="icon-picture" src="/static/right.png"></image>
					</view>
				</view>
			</view>
		</view>
		<view class="whitedivide"></view>
		<view class='function'>
			<view style="width:100%">
				<view class="functioninformation" @click="address">
					<!--左边图片&文字-->
					<view class="left-icon">
						<!--图片-->
						<image class="icon-picture" src="/static/adds.png"></image>
					</view>
					<!-- <view class="text" >公司地址</view> -->
					<u--text mode="link" text="公司地址--->" href="https://mp.weixin.qq.com/s/QQfentr2wXs1AD09XTAPqA" ></u--text> 
					<!--文字-->
					<view class="right-icon">
						<!--图片-->
						<image class="icon-picture" src="/static/right.png"></image>
					</view>
				</view>
			</view>
		</view>
		<view class="whitedivide"></view>
		<view class='function'>
			<view style="width:100%">
				<view class="functioninformation" @click="companyPanorama">
					<!--左边图片&文字-->
					<view class="left-icon">
						<!--图片-->
						<image class="icon-picture" src="/static/720.png"></image>
					</view>
					<view class="text" >公司概貌</view>
					<!--文字-->
					<view class="right-icon">
						<!--图片-->
						<image class="icon-picture" src="/static/right.png"></image>
					</view>
				</view>
			</view>
		</view>
		<!-- <view class="whitedivide"></view>
		<view class='function'>
			<view style="width:100%">
				<view class="functioninformation" @click="contactUs">
					<view class="left-icon">
						<image class="icon-picture" src="/static/contactUs.png"></image>
					</view>
					<view class="text" >联系我们</view>
					<view class="right-icon">
						<image class="icon-picture" src="/static/right.png"></image>
					</view>
				</view>
			</view>
		</view> -->
	</view>
</template>

<script>
	export default{
		data() {
			return {
				swipers:[
				'https://gd-pub.jinshujufiles.com/di/DR9AaMR9IQ/20211211102412_469b44',
				'http://121.5.128.59:9000/workorder/497478b524b146cc871b721cbfca074f.png',
				'https://cdnjson.com/images/2023/09/27/d8b3fbfd81b938b25108a58b65b3a56e.jpg',
				'https://cdnjson.com/images/2023/09/27/12.jpg'
				],	
				}
			},
		methods:{
			companyProfile(){   
				// console.log("-----公司概况 ----")
				uni.navigateTo({
					url:'/pages/aboutUsVue/companyProfile'
				})
			},
			companyFoundation(){
				// console.log("-----公司奠基 ----")
				uni.navigateTo({
					url:'/pages/aboutUsVue/companyFoundation'
				})
			},
			address(){
				// console.log('-----公司地址  ------')
				uni.navigateTo({
					url:'/pages/aboutUsVue/address'
				})
			},
			companyPanorama(){
				// console.log('-----公司概貌-----')
				uni.navigateTo({
					url:'/pages/aboutUsVue/companyPanorama'
				})
			},
			contactUs(){
				// console.log('-------联系我们----------')
				// uni.navigateTo({
				// 	url:'/pages/aboutUsVue/contactUs'
				// })
			}
			
			
		}
	}
</script>
<style>
/* #ifndef H5 */
page {
	height: 100%;
	background-color: #ffffff;
}
/* #endif */
</style>
<style lang="scss">
	.main{
		margin-bottom:30px;
		font-family: "Helvetica Neue","Hiragino Sans GB","Microsoft YaHei","\9ED1\4F53",Arial,sans-serif;
		font-size: 30rpx;
		color:#888;
		}
	.rotograph{
		swiper{
			width: 750rpx;
			height: 470rpx;
			image{
				width: 100%;
				height: 100%;
					}
				}
	}
	.mcname{
		height:100rpx;
		font-size:39rpx;
		font-weight:bold;
		line-height:100rpx;
		text-align:center;
		margin-top:30rpx;
		color:#888
	}
	.whitedivide {
		/*白色分割线*/
		height: 1px;
		background-color: #e2e2e2;
		width: 100%;
		position: relative;
		top: 0px;
	}
	
	.graydivide {
		/*灰色分割条*/
		height: 10px;
		background-color: #ededed;
		position: relative;
		top: 0px;
	}
	
	.function {
		width: 100%;
		background-color: #ffffff;
		margin-top: 0rpx;
		overflow: hidden;
		display: flex;
		/**/
	}
	
	.functioninformation {
		/*左边动作图标&文字说明*/
		display: flex;
	}
	
	.left-icon {
		display: flex;
		margin: 14px;
	}
	
	.icon-picture {
		/*图标*/
		display: flex;
		width: 28px;
		height: 28px;
	}
	
	.text {
		/*文字*/
		font-size: 14px;
		font-style: normal;
		font-weight: normal;
		width: 90px;
		position: relative;
		left: 0px;
		display: flex;
		flex-direction: column;
		justify-content: center;
		color: gray;
	}
	
	.right-icon {
		/*右边图片*/
		display: flex;
		margin: 14px;
		position: absolute;
		right: 14px;
	}
</style>